<template>
	<div class="footer">
		<ul>
			<li>
				<router-link to="/layout/index">
					<i class="iconfont icon-shanshui"></i>
					<span>首页</span>
				</router-link>
			</li>
			<li>
				<router-link to="/layout/gonglue">
					<i class="iconfont icon-biji"></i>
					<span>攻略</span>
			    </router-link>
			</li>
			<li>
				<router-link to="/layout/faxian">
					<i class="iconfont icon-diqiu"></i>
					<span>发现</span>
			    </router-link>
			</li>
			<li>
				<router-link to="/layout/luyou">
					<i class="iconfont icon-icon-user"></i>
					<span>鹿友</span>
			    </router-link>
			</li>
			<li>
				<router-link to="/layout/wode">
					<i class="iconfont icon-leimupinleifenleileibie"></i>
					<span>我的</span>
				</router-link>
			</li>
		</ul>
	</div>
</template>

<script>

import "../assets/font/iconfont.css"	

export default{
	name:"footernav",
	data(){
		return{

		}
	}
}	

</script>
<style scoped lang="less">

.footer{
	z-index: 66;
	width: 100%;
	height: 98 / 50rem;
	position:fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	ul{
		display: flex;
		margin-top: 9 /50rem;
		margin-bottom: 12 /50rem;
		li{
			flex:1;
			text-align: center;
			
			i{
				display: block;
				font-size: 50 / 50rem;
			}
			span{
				font-size: 18 / 50rem;
			}
		}
	}
}

.active{
	color:#7dd19d;
}
	
</style>